<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <!-- 头部分 -->
    <nav class="navbar navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"></a>
        </div>
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">首页</a></li>
                <li><a href="#">关于公司</a></li>
                <li><a href="#">产品展示</a></li>
                <li><a href="#">招商加盟</a></li>
                <li><a href="#">联系我们</a></li> 
            </ul>
        </div>
      </div>
    </nav>
    <!-- 中间轮播 bs3-c-->
    <div id="carousel-id" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-id" data-slide-to="0" class=""></li>
            <li data-target="#carousel-id" data-slide-to="1" class=""></li>
            <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item">
                <img src="images/banner1.jpg">   
            </div>
            <div class="item">
                <img src="images/banner2.jpg">   
            </div>
            <div class="item active">
                <img src="images/banner3.jpg">
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-id" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#carousel-id" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
    <div class="container">
        <div class="wrap">
           <p class="font">企业精神</p>
           <div class="row spirit">
              <div class="col-md-3 col-xs-12">
                <img src="images/pinpai.png" alt="">
                <ul>
                  <li>品质</li>
                  <li>品质是品牌的发展基石</li>
                  <li>坚持好品质,必定铸就优质品牌</li>
                </ul>
              </div>
              <div class="col-md-3 col-xs-12">
                <img src="images/keji.png" alt="">
                <ul>
                    <li>科技</li>
                    <li>科技是品牌的助推力</li>
                    <li>只有不断科技创新,才能不会被淘汰</li>
                </ul>
              </div>
              <div class="col-md-3 col-xs-12">
                <img src="images/chengxin.png" alt="">
                <ul>
                    <li>诚信</li>
                    <li>诚信是品牌的防护盾</li>
                    <li>诚信企业,放心品牌才能走的更长久</li>
                </ul>
              </div>
              <div class="col-md-3 col-xs-12">
                <img src="images/gongying.png" alt="">
                <ul>
                  <li>共赢</li>
                  <li>共赢是品牌的生命力</li>
                  <li>与客户共赢,与员工共赢与企业共赢</li>
               </ul>
             </div>
           </div> 
           <div class="line">
            <p >产品展示</p>
           </div>
           <div class="row info">
            <div class="col-md-4 col-sm-12 ">
                <img src="images/item01.jpg" alt="">
            </div>
            <div class="col-md-4 col-sm-12 ">
                <img src="images/item02.jpg" alt="">
            </div>
            <div class="col-md-4 col-sm-12 ">
                <img src="images/item03.jpg" alt="">
            </div>
            <div class="col-md-4 col-sm-12 ">
                <img src="images/item04.jpg" alt="">
            </div>
            <div class="col-md-4 col-sm-12 ">
                <img src="images/item05.jpg" alt="">
            </div>
            <div class="col-md-4 col-sm-12 ">
                <img src="images/item06.jpg" alt="">
            </div>
           </div>   
        </div> 
    </div>
    <div class="foot" id="foot">
        <div class="row mx_width mx_center">
            <div class="col-md-3 col-sm-4">
                <div class="foot-logo">
                    <a href="index.html"><img src="images/logo3.png"></a>
                </div>
            </div>
            <div class="col-md-6 col-sm-8">
                <div class="row changepage" id="changepage">
                    <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">关于公司</a></div>
                    <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">产品展示</a></div>
                    <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">招商加盟</a></div>
                    <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">联系我们</a></div>
                </div>
                <p class="copyright">版权所有&copy木兮实业有限公司  鄂ICP备18011650号</p>
            </div>
            <div class="col-md-3 col-sm-12">
                <div class="row contact">
                    <p class="col-md-12 col-sm-4"><span class="iconfont icon-dianhua"></span> 027-83622296</p>
                    <p class="col-md-12 col-sm-4"><span class="iconfont icon-shouji-copy"></span>13387576980</p>
                    <p class="col-md-12 col-sm-4"><span class="iconfont icon-youxiang"></span>yt15yi@163.com</p>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>